<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set value="500" var="menu" scope="application"/>
<head>
    <title>lynx-系统监控</title>
</head>
<body>
<div class="container">

    <div class="col-sm-3">
        <div class="bs-sidebar hidden-print affix" role="complementary">
            <div id="clockContainer" style="margin: 0 auto"></div>
            <div id="vuContainer" style="max-width: 800px; height: 250px; margin: 0 auto; margin-top: 10px"></div>
        </div>
    </div>

    <div class="col-xs-12 col-md-9">

        <div class="bs-example bs-example-tabs">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#overview" data-toggle="tab">流量分布</a></li>
                <li class=""><a href="#sys" data-toggle="tab">系统架构</a></li>
                <li class=""><a href="#api" data-toggle="tab">接口请求分布</a></li>
                <li class=""><a href="#flow" data-toggle="tab">流量对比</a></li>
                <li class=""><a href="#pv" data-toggle="tab">PV趋势</a></li>
                <li class="dropdown">
                    <a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">更多<b class="caret"></b></a>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                        <li><a href="#" tabindex="-1" data-toggle="tab">@待续</a></li>
                    </ul>
                </li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade active in" id="overview">
                    <div id="chartContainer"></div>
                </div>
                <div class="tab-pane fade" id="sys">
                    <div id="flowContainer"></div>
                </div>
                <div class="tab-pane fade" id="api">
                    <div id="pieContainer"></div>
                </div>
                <div class="tab-pane fade" id="flow">
                    <div id="barContainer"></div>
                </div>
                <div class="tab-pane fade" id="pv">
                    <div id="areaContainer"></div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="application/javascript" src="${pageContext.request.contextPath}/js/biz/monitor.js"></script>
</body>